<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件基础-插槽-后备内容</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <style>

    </style>
</head>
<body>
<div id="app">

    <h3>不写，显示默认值，是你在template里定义slot插槽的名称</h3>
    <submit-button></submit-button>

    <h3>写就显示你现在在这个组件里定义的内容</h3>
    <submit-button>hahahaha</submit-button>
</div>


<script>
    Vue.component("submit-button",{
       template:"<button type='submit'><slot>改变默认的submit名称（别名）</slot></button>"
    });
    var app= new Vue({
        el:'#app',
        data:{
            searchText:'',
        },
        methods:{

        }
    })
</script>
</body>
</html>
